<template>
  <div>
    <h2>自定义带Hover提示的按钮</h2>
    <Child style="width:100px" class="xxx" aa="bb" :xx="'yy'" :mm="'nn'" @click="test" @xxx="test"></Child>

    <!-- <el-button type="primary" size="mini" icon="el-icon-plus"></el-button>
    <el-button type="danger" size="mini" icon="el-icon-delete"></el-button>
    <el-button type="warning" size="mini" icon="el-icon-edit"delete></el-button> -->

    <HintButton type="primary" size="mini" icon="el-icon-plus" title="添加"></HintButton>
    <HintButton type="danger" size="mini" icon="el-icon-delete" title="删除"></HintButton>
    <HintButton type="warning" size="mini" icon="el-icon-edit" title="修改"></HintButton>



    <el-button type="primary" @click="test"></el-button>
    <el-button type="primary" @dblclick.native="test"></el-button>


  </div>
</template>

<script type="text/ecmascript-6">
import Child from '@/pages/Communication/AttrsListenersTest/Child'
import HintButton from '@/pages/Communication/AttrsListenersTest/HintButton'
  export default {
    name: 'AttrsListenersTest',
    components:{
      Child,
      HintButton
    },
    methods: {
      test(){
        console.log(111)
      }
    },
  }
</script>
